<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df fdcolumn">
    <header>
        <div class="df head-menu">
            <p class="active"><a href="./run.html">跑步</a></p>
            <p><a href="./ride">骑行</a></p>
            <p><a href="./course.html">课程训练</a></p>
        </div>
    </header>
    <main class="flex  fdcolumn os">
        <p class="title">最新课程</p>
        <ul  id="newCourse">
            <!-- <li>
                <a href="#">
                    <img src="../../assets/imgs/part1.png">
                    <h2 class="f14">巧克力腹肌雕刻</h2>
                    <p>一场痛快淋漓的父级撕裂体验, 虐出你的巧克力腹肌 !</p>
                </a>
            </li> -->
        </ul>
        <p class="title-courses">课程</p>
        <ul id="courseList">
            <!-- <li class="courses">
                <a href="#">
                    <div>
                        <img src="../../assets/imgs/part1.png">
                        <h3>徒手胸肌训练进阶</h3>
                        <p>男生专属变式俯卧撑训练, 在家也能练出钢铁般的胸肌</p>
                    </div>
                </a>
            </li>
            <li class="courses">
                <a href="#">
                    <div>
                        <img src="../../assets/imgs/part1.png">
                        <h3>徒手胸肌训练进阶</h3>
                        <p>男生专属变式俯卧撑训练, 在家也能练出钢铁般的胸肌</p>
                    </div>
                </a>
            </li>
            <li class="courses">
                <a href="#">
                    <div>
                        <img src="../../assets/imgs/part1.png">
                        <h3>徒手胸肌训练进阶</h3>
                        <p>男生专属变式俯卧撑训练, 在家也能练出钢铁般的胸肌</p>
                    </div>
                </a>
            </li> -->
        </ul>
    </main>
    <footer id="tabmenu" class="df">

    </footer>

</html>